<html
    xmlns="http://www.w3.org/1999/xhtml"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:p="http://primefaces.org/ui">

    <ui:composition template="layout.xhtml">
        
        <ui:define name="title">
            Selo
        </ui:define>        

        <ui:define name="content">

            <h:form id="visualizarSelo">

                    <p:fieldset legend="Dados">
                        <div class="row">
                            <div class="column2 bold">
                                <p:outputLabel value="Tipo do Selo:" />
                            </div>
                            <div class="column3 text">
                                <p:outputLabel value="#{ managerPesquisarSelo.seloVisualizar.tipoSelo.nome }" />
                            </div>
                        </div>

                        <div class="row">
                            <div class="column2 bold">
                                <p:outputLabel value="Número:" />
                            </div>
                            <div class="column3 text">
                                <p:outputLabel value="#{ managerPesquisarSelo.seloVisualizar.numero }" />
                            </div>

                            <div class="column2 bold">
                                <p:outputLabel value="Série:" />
                            </div>
                            <div class="column3 text">
                                <p:outputLabel value="#{ managerPesquisarSelo.seloVisualizar.serie }" />
                            </div>
                        </div>
                    </p:fieldset>

                    <p:fieldset legend="Distribuição" rendered="#{ managerPesquisarSelo.seloVisualizar.distribuido == true }">
                        <div class="row">
                            <div class="column2 bold">
                                <p:outputLabel value="Recebedor:" />
                            </div>
                            <div class="column3 text">
                                <p:outputLabel value="#{ managerPesquisarSelo.seloVisualizar.distribuicao.recebedor.nome }" />
                            </div>

                            <div class="column2 bold">
                                <p:outputLabel value="Data da Distribuição:" />
                            </div>
                            <div class="column3 text">
                                <p:outputLabel value="#{ managerPesquisarSelo.seloVisualizar.distribuicao.dataDistribuicao }">
                                    <f:convertDateTime pattern="dd/MM/yyyy" />
                                </p:outputLabel>
                            </div>
                        </div>
                    </p:fieldset>

                    <p:fieldset legend="Distribuição" rendered="#{ managerPesquisarSelo.seloVisualizar.distribuido == false }">
                        <div class="column12 text">
                            <p:outputLabel value="Selo não distribuído." />
                        </div>
                    </p:fieldset>
                    
                    <p:fieldset legend="Protocolo" rendered="#{ managerPesquisarSelo.seloVisualizar.protocolado == true }">
                        <div class="row">
                            <div class="column2 bold">
                                <p:outputLabel value="Protocolo:" />
                            </div>
                            <div class="column3 text">
                                <p:outputLabel value="#{ managerPesquisarSelo.seloVisualizar.protocolo.id }" />
                            </div>
                            <div class="column2 bold">
                                <p:outputLabel value="Data da Protocolo:" />
                            </div>
                            <div class="column3 text">
                                <p:outputLabel value="#{ managerPesquisarSelo.seloVisualizar.protocolo.dataCadastro }">
                                    <f:convertDateTime pattern="dd/MM/yyyy" />
                                </p:outputLabel>
                            </div>
                        </div>
                        <div class="row">
                            <div class="column2 bold">
                                <p:outputLabel value="Cliente:" />
                            </div>
                            <div class="column3 text">
                                <p:outputLabel value="#{ managerPesquisarSelo.seloVisualizar.protocolo.cliente.nome }" />
                            </div>
                        </div>
                    </p:fieldset>
                
                    <p:fieldset legend="Protocolo" rendered="#{ managerPesquisarSelo.seloVisualizar.protocolado == false }">
                        <div class="column12 text">
                            <p:outputLabel value="Selo não protocolado." />
                        </div>
                    </p:fieldset>

                    <p:fieldset legend="Cancelamento" rendered="#{ managerPesquisarSelo.seloVisualizar.cancelado == true }">
                        <div class="row">
                            <div class="column2 bold">
                                <p:outputLabel value="Responsável:" />
                            </div>
                            <div class="column3 text">
                                <p:outputLabel value="#{ managerPesquisarSelo.seloVisualizar.usuarioCancelamento.nome }" />
                            </div>

                            <div class="column2 bold">
                                <p:outputLabel value="Data:" />
                            </div>
                            <div class="column3 text">
                                <p:outputLabel value="#{ managerPesquisarSelo.seloVisualizar.dataCancelamento }">
                                    <f:convertDateTime pattern="dd/MM/yyyy" />
                                </p:outputLabel>
                            </div>                            
                        </div>

                        <div class="row">
                            <div class="column2 bold">
                                <p:outputLabel value="Motivo:" />
                            </div>
                            <div class="column3 text">
                                <p:outputLabel value="#{ managerPesquisarSelo.seloVisualizar.motivoCancelamento.nome }" />
                            </div>
                        </div>

                        <div class="row">
                            <div class="column2 bold">
                                <p:outputLabel value="Descriçao:" />
                            </div>
                            <div class="column3 text">
                                <p:outputLabel value="#{ managerPesquisarSelo.seloVisualizar.descricaoCancelamento }" />
                            </div>
                        </div>                        
                    </p:fieldset>
                
                <div class="command">
                    <p:button value="Voltar" icon="ui-icon-arrowreturn-1-w" href="pesquisarSelo.xhtml" />
                </div>

            </h:form>

        </ui:define>
    </ui:composition>
    
</html>